// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.stacked-bar-chart {
  display: flex;
  width: 100%;
  height: 100%;

  &--beatmap-fail-rate {
    --colour-0: @yellow;
    --colour-1: @yellow-darker;
  }

  &__col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  &__entry {
    transition: 120ms all;
    flex: none;
    background: @blue-dark;

    &--0 {
      background: var(--colour-0);
    }

    &--1 {
      background: var(--colour-1);
    }
  }
}
